<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8" />
	<title>成程科技集团</title>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="description" content="成程科技集团 成程 成程科技" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/common.css" />
	<link rel="stylesheet" type="text/css" href="css/swiper-4.4.2.min.css" />
	<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
	<script type="text/javascript" src="js/modernizr.custom.js"></script>
	<script type="text/javascript" src="js/swiper-4.4.2.min.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/app.js"></script>

	<style>
		/* Header and Navigation */
		.index-header {
			position: relative;
			/* Ensure it doesn't overlap with other elements */
			z-index: 10;
			/* Make sure it is above other content */
			border-radius: 0;
			width: 100%;
		}

		.index-logo img {
			max-width: 200px;
			height: auto;
		}

		.navbar-custom {
			background-color: rgba(37, 155, 217, 0.8);
			/* Slight transparency */
			border-radius: 20px;
			padding: 0px 10px;
		}

		.navbar-nav .nav-link {
			color: aliceblue;
			padding: 10px 15px;
		}

		.navbar-nav .nav-link.active {
			/* border-bottom: 2px solid rgba(255, 255, 255, 0.4); */
			background: rgba(24, 68, 144);
		}

		@media (max-width: 768px) {
			.index-logo img {
				max-width: 180px;
			}

			.navbar-nav {
				text-align: center;
			}

			.navbar-nav .nav-link {
				display: block;
				padding: 10px;
			}
		}

		/* Banner */
		.index-banner {
			position: relative;
			z-index: 1;
			/* Ensure banner is below navbar */
		}

		.swiper-slide img {
			width: 100%;
			height: auto;
		}

		/* Main Content */
		.g-0 {
			margin: 0;
			padding: 0;
		}

		.banner-position {
			/* margin-bottom: 15px; */
		}

		.g-0 img {
			width: 100%;
			height: auto;
		}

		/* Footer */
		.fbg {
			background-color: #343a40;
			color: #fff;
			padding: 20px;
			text-align: center;
		}

		.fbg p,
		.fbg a {
			color: #fff;
		}

		.fbg img {
			max-width: 100px;
			height: auto;
		}

		@media (max-width: 768px) {
			.fbg {
				padding: 10px;
			}

			.fbg .col-sm-2,
			.fbg .col-sm-4 {
				margin: 0;
				padding: 5px;
			}
		}
	</style>

	<script type="text/javascript">
		window.onload = function () {
			$.get(host + '/iot/files/list?pageNum=1&pageSize=3000000&picsId=4', data => {
				console.log(data, '11111');
				var list = data['rows'];
				let imghtml = ''
				for (let i = 0; i < list.length; i++) {
					if (list[i].content) {
						imghtml = imghtml + `<div class="g-0 col-sm-12">
									<a  href="${list[i].content.slice(3,list[i].content.length - 4)}"><img src="${host + list[i].url}" alt="" /></a>
									</div>`
					} else {
						imghtml = imghtml + `<div class="g-0 col-sm-12">
							<img src="${host + list[i].url}" alt="" />
						</div>`
					}

				}
				elempr = document.getElementById('Jump');
				elempr.innerHTML = imghtml;
			});
			$.get(host + '/iot/nav/treeselect?parentId=1', data => {
				console.log(data, '11111');
				var list = data['data'];
				let imghtml = ''
				for (let i = 0; i < list.length; i++) {
					if (list[i].toUrl) {
						imghtml = imghtml + `<div class="swiper-slide">
						<a  href="${list[i].toUrl}"><img src="${host + list[i].picUrl}" alt="" /></a>
						</div>`
					} else {
						imghtml = imghtml + `<div class="swiper-slide">
					       <img src="${host + list[i].picUrl}" alt="" />
						</div>`
					}

				}
				elempr = document.getElementById('homeimg');
				elempr.innerHTML = imghtml;
			});
			$.get(host + '/iot/pics/list?pageNum=1&pageSize=30', data => {
				var list = data['rows'];
				var img1, img2, img3;
				var cimg1, cimg2, cimg3, cimg4, cimg5;
				var fimg1, fimg2;

				for (let i = 0; i < list.length; i++) {
					// /* 首页广告 */
					// if (list[i].type == '101') {
					// 	imgArray = list[i].url.split(',');
					// 	img1 = host + imgArray[0];
					// 	document.getElementById('img1').src = img1;
					// 	img2 = 'http://host' + imgArray[1];
					// 	document.getElementById('img2').src = img2;
					// 	img3 = 'http://host' + imgArray[2];
					// 	document.getElementById('img3').src = img3;
					// }

					/* 首页内容 */
					// if (list[i].type == '102') {
					// 	imgArray = list[i].url.split(',');
					// 	cimg1 = host + imgArray[0];
					// 	document.getElementById('cimg1').src = cimg1;
					// 	cimg2 = host + imgArray[1];
					// 	document.getElementById('cimg2').src = cimg2;
					// 	cimg3 = host + imgArray[2];
					// 	document.getElementById('cimg3').src = cimg3;
					// 	cimg4 = host + imgArray[3];
					// 	document.getElementById('cimg4').src = cimg4;
					// 	cimg5 = host + imgArray[4];
					// 	document.getElementById('cimg5').src = cimg5;
					// }

					/* Footer */
					if (list[i].type == '103') {
						imgArray = list[i].url.split(',');
						fimg1 = host + imgArray[0];
						document.getElementById('fimg1').src = fimg1;
						fimg2 = host + imgArray[1];
						document.getElementById('fimg2').src = fimg2;
						document.getElementById('tel').innerHTML = list[i].stra;
						document.getElementById('addr').innerHTML = list[i].strb;
						var urlArray = list[i].strc.split('#');
						document.getElementById('outurl1').innerHTML = urlArray[0];
						document.getElementById('outurl1').href = urlArray[1];
						urlArray = list[i].strd.split('#');
						document.getElementById('outurl2').innerHTML = urlArray[0];
						document.getElementById('outurl2').href = urlArray[1];
						urlArray = list[i].stre.split('#');
						document.getElementById('outurl3').innerHTML = urlArray[0];
						document.getElementById('outurl3').href = urlArray[1];
					}
				}
			});
		};
	</script>
</head>

<body>
	<div class="index-header">
		<nav class="navbar navbar-expand-lg navbar-light navbar-custom">
			<div class="container-fluid d-flex align-items-center">
				<div class="index-logo">
					<a href="index.html"><img src="imgs/logo.png" alt="Logo" /></a>
				</div>
				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
					aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse" id="navbarCollapse">
					<ul class="navbar-nav ms-auto">
						<li class="nav-item"><a href="index.html" class="nav-link active">首页</a></li>
						<li class="nav-item"><a href="about.html" class="nav-link">集团简介</a></li>
						<li class="nav-item"><a href="news.html" class="nav-link">集团要闻</a></li>
						<li class="nav-item"><a href="products.html" class="nav-link">集团产品</a></li>
						<li class="nav-item"><a href="program.html" class="nav-link">项目发展</a></li>
						<li class="nav-item"><a href="science.html" class="nav-link">科研成果</a></li>
						<li class="nav-item"><a href="pharmacy.html" class="nav-link">药效学成果</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</div>

	<div id="bloc" class="container-fluid g-0">
		<div class="banner-position g-0">
			<div class="index-banner swiper-container">
				<div class="swiper-wrapper" id="homeimg">

				</div>
				<!-- Add Navigation -->
				<div class="swiper-button-prev swiper-button-white"></div>
				<div class="swiper-button-next swiper-button-white"></div>
			</div>
		</div>
		<!-- Banner -->
		<article id="index">

			<div id="Jump">

			</div>
			<!-- Jump About -->
			<!-- <div class="g-0 col-sm-12">
				<a href="about.html"><img id="cimg1" src="imgs/index_02.png" alt="Jump About 1" /></a>
			</div>
			<div class="g-0 col-sm-12">
				<a href="about.html"><img id="cimg2" src="imgs/index_03.png" alt="Jump About 2" /></a>
			</div>
			<div class="g-0 col-sm-12">
				<a href="products.html"><img id="cimg3" src="imgs/index_04.png" alt="Jump Product" /></a>
			</div>
			<div class="g-0 col-sm-12">
				<a href="news.html"><img id="cimg4" src="imgs/index_05.png" alt="Jump News" /></a>
			</div>
			<div class="g-0 col-sm-12">
				<a href="about.html"><img id="cimg5" src="imgs/index_06.png" alt="Jump About 3" /></a>
			</div> -->

			<!-- Footer -->
			<div class="g-0 col-sm-12 fbg row" style="padding: 0;">
				<div class="g-0 col-sm-4"></div>
				<div class="g-0 col-sm-2" style="color: #fff;margin-top: 100px;margin-left: 50px;">
					<p>
						<h5>联系我们</h5>
					</p>
					<p id="tel"></p>
					<p id="addr"></p>
					<p>备案号: <a href="https://beian.miit.gov.cn/#/Integrated/index/">黑ICP备2024022673号-1</a>
					</p>
				</div>
				<div class="g-0 col-sm-2" style="color: #fff;margin-top: 100px;margin-left: 50px;">
					<p>
						<h5>友情链接</h5>
					</p>
					<p><a id="outurl1">碳方会</>
					</p>
					<p><a id="outurl2">成程碳方中医诊所</a></p>
					<p><a id="outurl3">黑龙江省中医抗癌协会</a></p>
				</div>
				<div class="g-0 col-sm-1 fix ma"><img id="fimg1" src=""></div>
				<div class="g-0 col-sm-1 fix ma" style="margin-top: 100px;margin-bottom: 100px;"><img id="fimg2" src="">
				</div>
				<div class="g-0 col-sm-1 fix ma" style="margin-top: 100px;margin-bottom: 100px;height: 7.5rem;"><img
						src="imgs/ccfwdz.png">
				</div>
				<div class="g-0 col-sm-2"></div>
			</div>
		</article>
	</div>

	<script type="text/javascript">
		var swiper = new Swiper('.index-banner.swiper-container', {
			speed: 600,
			parallax: true,
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
			loop: true,
			autoplay: {
				delay: 3000,
				disableOnInteraction: false //false时，用户操作后重新轮播
			},
			observer: true, //修改swiper自己或者子元素时，自动初始化
			observeParents: true //修改swiper的父元素时，自动初始化swiper
		});
	</script>
</body>

</html>